<template>
  <div class="message-nav">
    <div class="acted">
      <i class="icons-nav-message"></i>
      <span class="new-point disabled"></span>
      <p>消息</p>
    </div>
    <div class="acted">
      <i class="icons-nav-message"></i>
      <span class="new-point disabled"></span>
      <p>用户</p>
    </div>
  </div>
</template>

<script>
    export default {
        name: "SidebarNav"
    }
</script>

<style scoped lang="less">
  .message-nav {
    display: flex;
    flex-direction: column;
    .acted {
      color: #fff;
      font-size: 12px;
      text-align: center;
      padding: 10px;
      border-bottom: 1px solid #565656;
      .icons-nav-message{
        display: inline-block;
        width: 26px;
        height: 26px;
        background: url(//im.juanpi.com/Public/kefu/images/icons/icons-chat-seller.png?c=399222576b) -69px 0;
      }
    }
    .acted.selected {
      border-left: 5px solid #ff6a6f;
      background: #484747;
    }
  }
</style>
